<template>
  <div class="app-container">
    <!-- 工作台 -->
    <div class="line"></div>
    <el-menu
      :default-active="activeIndex2"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
    >
      <el-menu-item index="1" route="/subject/list">处理中心</el-menu-item>
      <el-submenu index="2">
        <template slot="title"
          >我的工作台</template
        >
        <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
        <el-menu-item index="2-3">选项3</el-menu-item>
        <el-submenu index="2-4">
          <template slot="title"
            >选项4</template
          >

          <el-menu-item index="2-4-1">选项1</el-menu-item>
          <el-menu-item index="2-4-2">选项2</el-menu-item>
          <el-menu-item index="2-4-3">选项3</el-menu-item>
        </el-submenu>
      </el-submenu>

      <el-menu-item index="3" disabled>消息中心</el-menu-item>
      <el-menu-item index="4">
        <a href="https://www.ele.me" target="_blank">
          订单管理
        </a>
      </el-menu-item>
    </el-menu>

    <!-- 走马灯 -->
    <el-carousel :interval="4000" type="card" height="200px">
      <el-carousel-item v-for="item in imgList" :key="item">
        <img v-bind:src="item.url" />
      </el-carousel-item>
    </el-carousel>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList:[
        {url:require('../../assets/img/img.jpg')},
        {url:require('../../assets/img/img1.jpg')},
        {url:require('../../assets/img/img1.jpg')},
        {url:require('../../assets/img/img1.jpg')},
        {url:require('../../assets/img/img1.jpg')},
        {url:require('../../assets/img/img1.jpg')},
        {url:require('../../assets/img/img1.jpg')},
      ]
    };
  },
  methods: {}
};
</script>

<style>
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
</style>
